<template>
	<!-- 支付成功页面 -->
	<view class="content">
		<text class="success-icon iconfont icon-zhifuchenggong"></text>
		<text class="tit">支付成功</text>
		
		<view class="btn-group">
			<navigator url="/pages/orders/orders?state=0" open-type="redirect" class="mix-btn">查看订单</navigator>
			<navigator url="/pages/home/home" open-type="switchTab" class="mix-btn hollow">返回首页</navigator>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped="scoped">
	.content{display: flex;flex-direction: column;justify-content: center;align-items: center;}
	.success-icon{font-size: 160rpx;color: #fa436a;margin-top: 100rpx;}
	.tit{font-size: 38rpx;color: #303133;}
	.btn-group{padding-top: 100rpx;}
	.mix-btn {margin-top: 30rpx;display: flex;align-items: center;justify-content: center;width: 600rpx;
		height: 80rpx;font-size: 30rpx;color: #fff;background-color: #fa436a;border-radius: 10upx;
		}
	.mix-btn.hollow{background: #fff;color: #303133;border: 1px solid #ccc;}
</style>
